<%--
  Created by IntelliJ IDEA.
  User: jijunxiang
  Date: 2021/11/24
  Time: 20:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
    <meta charset="UTF-8">
    <title>用户管理界面</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.js"></script>

</head>
<body>
<div class="container-fluid">
    <!--    这是一个文档的容器-->
    <style>
        body{
            background: aquamarine;
        }
    </style>
    <div class="row">
        <!--            这是第一行-->
        <div class="page-header">
            <h1>河南科技学院 <small>图书馆管理系统</small></h1>
        </div>
    </div>

    <div class="row">
        <!--            这是第二行-->
        <ul class="nav nav-pills">
            <li role="presentation" class="active" style="width: 20%"><a href="#">读者页面</a></li>
            <li role="presentation" style="width: 20%"><a href="${pageContext.request.contextPath}/management2.jsp">会员页面</a></li>
        </ul>
        <p></p>
        <p></p>
    </div>

    <div class="row">
        <p></p>
        <p></p>
        <!--            这是第三行-->
        <div class="col-md-3">
            <!--                左侧导航栏-->
            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingOne">
                        <h4 class="panel-title">
                            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                图书馆基本信息
                            </a>
                        </h4>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                        <div class="panel-body">
                            <ul class="list-group">
                                <li class="list-group-item"><a>图书存放位置信息</a></li>
                                <li class="list-group-item"><a>图书分类信息</a></li>
                                <li class="list-group-item"><a>租金级别信息</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingTwo">
                        <h4 class="panel-title">
                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                图书管理
                            </a>
                        </h4>
                    </div>
                    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                        <div class="panel-body">
                            <ul class="list-group">
                                <li class="list-group-item"><a>归还</a></li>
                                <li class="list-group-item"><a>续借</a></li>
                                <li class="list-group-item"><a>借阅</a></li>
                                <li class="list-group-item"><a>借阅信息查询</a></li>
                                <li class="list-group-item"><a>期刊查询</a></li>
                                <li class="list-group-item"><a>逾期未还记录</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingThree">
                        <h4 class="panel-title">
                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                读者管理
                            </a>
                        </h4>
                    </div>
                    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                        <div class="panel-body">
                            <ul class="list-group">
                                <li class="list-group-item"><a>读者信息</a></li>
                                <li class="list-group-item"><a href="${pageContext.request.contextPath}/updatePassword.jsp">修改密码</a></li>
                                <li class="list-group-item"><a href="${pageContext.request.contextPath}/index.jsp">切换登录</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-8 col-md-offset-1">
            <!--            主要内容-->
            <div class="jumbotron">
                <h1><em>河南科技学院图书馆</em></h1>
                <p>HIST</p>
                <p><a class="btn btn-primary btn-lg" href="#" role="button"><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> 联系我们</a></p>
            </div>

        </div>
    </div>
</div>

</body>
</html>
